import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import router from './router'
import {
    Form,
    Field,
    CellGroup,
    Button,
    Loading,
    Swipe,
    SwipeItem,
    NavBar,
    Tab,
    Tabs,
    DropdownMenu,
    DropdownItem,
    ActionSheet,
    Tabbar,
    TabbarItem,
    Card,
    Icon,
    Cascader,
    Popup,
} from 'vant'
import 'vant/lib/index.css'
const app = createApp(App);

app.use(router)
app.use(Form)
app.use(Field)
app.use(CellGroup)
app.use(createPinia())

app.use(Button)
app.use(Loading)
app.use(Swipe)
app.use(SwipeItem)
app.use(NavBar)
app.use(Tab)
app.use(Tabs)
app.use(DropdownMenu)
app.use(DropdownItem)
app.use(ActionSheet)
// app.use(Tabbar)
// app.use(TabbarItem)
// app.use(Card)
// app.use(Icon)
// app.use(Cascader)
// app.use(Popup)
// app.use(DropdownItem)
// app.use(DropdownMenu)

app.mount('#app');
